﻿<!DOCTYPE html>
<html lang="en">
<head>
	<?php $this->load->view('common/head');?>
	
	<!-- 本页面所有 -->
    <meta name="keywords" content="QIWI教育,七维教育,功能教室环境设计,无障碍环境设计,特殊教育设备,特殊学校新建">
	<meta name="description" content="七维教育，我们是一家致力于为有特殊需求人群提供专业支持服务的公司，我们服务过全国多所特殊教育学校，内容包括且不限于特殊学校功能教室的建设规划、环境设计与设备提供，特殊学校整体的新建、改建与校园文化设计等。公司聚集了大量特殊教育专业出身的跨学科人才，团队的使命为致力于将特殊教育专业知识转化为用于提高特殊儿童受教育质量的产品">
	<title>七维教育—致力于有特殊需要人群的专业支持服务</title>
	<!-- 导入自定义字体 -->
	<link rel="stylesheet" href="/assets/css/iconfont.css">
	<!-- 导入页面unslider样式 -->
	<link rel="stylesheet" href="/assets/css/unslider.css">
	<link rel="stylesheet" href="/assets/css/unslider-dots.css">
	<!-- 导入unslider插件 -->

	<script type="text/javascript" src="/assets/js/unslider.js"></script>
	<style>
		.banner { 
			position: relative;
			overflow: auto;
		}
    	.banner li {
    		list-style: none;
    	}
        .banner ul li {
        	float: left;
        	width: 1920px;
        }
        .banner .bg-black{
        	opacity: .2;
        }
        .index-bg-tt{
        	position: absolute;
        	right: 100px;
        	bottom: 130px;
        	color: #fff;
        	z-index: 100;
        }
        .index-bg-tt .tt-title{
        	font-size: 24px;
        	font-weight: bold;
        }
        .index-bg-tt .tt-note{
        	font-size: 18px;
        }
/*        .unslider-nav{
			display: none;
		}
		.unslider-arrow.prev{
			display: none;
		}
        .unslider-arrow.next{
			display: block;
		    width: 60px;
		    height: 25px;
		    bottom: 30px;
		    left: 50%;
			margin-left: -30px;
		    overflow: hidden;
		 	background: url('../../assets/images/icon/arrow-bottom-big.png') no-repeat;
		 	text-indent: -999em;
		 	background-size: 60px 25px;
		 	z-index: 1000;
        }
		*/
		
/*轮播原点样式*/
		.unslider-nav ol {
		 	position: absolute;
		 	z-index: 99999;
		 	right: 30px;
		 	width: 20px;
		    height: 100px;
		}
		.unslider-nav ol li
		{ 
		    display: inline-block; 
		    width: 8px; 
		    height: 8px; 
		    margin: 0 6px; 
		    text-indent: -999em; 
		    border: 1px solid #fff; 
		    border-radius: 4px; 
		    cursor: pointer; 
		    opacity: .4; 
		    -webkit-transition: background .5s, opacity .5s; 
		    -moz-transition: background .5s, opacity .5s; 
		    transition: background .5s, opacity .5s;
		}
		.unslider-nav ol li.unslider-active 
		{
		    background: #fff;
		    opacity: 1;
		}

	</style>
</head>
<body>
	<div id="header" class="header">
		<?php $this->load->view('common/header');?>	
	</div>
	<div class="container">
		<div id="fullpage" class="banner">
		    <ul style="height: 100%;">
				<li style="overflow:hidden;position:relative;width:100%;height: 100%;">		        
		        	<a href="/government/activities.html">
						<img src="/assets/images/index/1.5-min.jpg" alt="特殊教育">
						<div class="index-bg-tt" style="margin-top:10%;top: 0;left: 0;right:0;bottom:0;display: flex;justify-content:center;">
							<img src="/assets/images/index/t1.5.png" alt="七维教育" style="width:502px;height:126px;position: static;margin-left: 0px;">
						</div>	    
						<div class="index-bg-tt" style="margin-top:31%;top: 0;left: 0;right:0;bottom:0;display: flex;justify-content:center;">
							<img src="/assets/images/index/button.png" alt="七维教育" style="width:146px;height:46px;position: static;margin-left: 0px;" >
						</div>	
					</a>
		        </li>
		        <li style="overflow:hidden;position:relative;width:100%;height: 100%;">		        
		        	<img src="/assets/images/index/1-min.jpg" alt="特殊教育">
		        	<div class="index-bg-tt" style="top: 15.3%;left: 5.2%;">
		        		<img src="/assets/images/index/t1.png" alt="七维教育" style="position: static;margin-left: 0px;">
		        	</div>
		        </li>
		        <li style="overflow:hidden;position:relative;width:100%;height: 100%;">
		        	<img src="/assets/images/index/2-min.jpg" alt="特殊教育">
		        	<div class="index-bg-tt" style="bottom: 15.1%;float:left">
		        		<img src="/assets/images/index/t2.png" alt="七维教育" style="position: static;margin-left: 0px;">
		        	</div>	
		        </li>
		        <li style="overflow:hidden;position:relative;width:100%;height: 100%;">		        
		        	<img src="/assets/images/index/3-min.jpg" alt="特殊教育">
		        	<div class="index-bg-tt" style="top: 15.3%;left: 5.2%;">
		        		<img src="/assets/images/index/t3.png" alt="七维教育" style="position: static;margin-left: 0px;">
		        	</div>		        		
		        </li>
		        <li style="overflow:hidden;position:relative;width:100%;height: 100%;">
		        	<img src="/assets/images/index/4-min.jpg" alt="特殊教育">
		        	<div class="index-bg-tt" style="top: 0;left: 0;right:0;bottom:0;display: flex;justify-content:center;align-items:center;">
		        		<img src="/assets/images/index/t4.png" alt="七维教育" style="width:600px;height:250px;position: static;margin-left: 0px;"> 
		        	</div>	
		        </li>  
		        <li style="overflow:hidden;position:relative;width:100%;height: 100%;">
		        	<img src="/assets/images/index/5-min.jpg" alt="特殊教育">
		        	<div class="index-bg-tt" style="top: 0;left: 0;right:0;bottom:0;display: flex;justify-content:center;align-items:center;">
		        		<img src="/assets/images/index/t5.png" alt="七维教育" style="position: static;margin-left: 0px;"> 
		        	</div>	
		        </li>  				
		    </ul>
		</div>	
	</div>
	<div class="footer">
		<?php $this->load->view('common/footer');?>	
	</div>
	<script>
	
		$(function () {
			resizeBanner();
			$(window).resize(function() {
  				resizeBanner();
			});
   			$('.banner').unslider({
   				animation: 'vertical',
				autoplay: true,
				speed: 800,               //  The speed to animate each slide (in milliseconds)
				delay: 10000,              //  The delay between slide animations (in milliseconds) 
				dots: true,               //  Display dot navigation
   			});
   			// $('.banner').mouseover(function () {  				
   			// 	$('.bg-black').show(); 			
   			// });
   			// $('.banner').mouseout(function () {  				
   			// 	$('.bg-black').hide();	
   			// })
			resizeDots();			
		})
		function resizeBanner () {
			var hHeader = $("#header").height();
			var hDocument = $(window).height();
			var hFullpage = hDocument - hHeader;
			$("#fullpage").height(hFullpage);
		}
		function resizeDots () {
			var hHeader = $("#header").height();
			var hDocument = $(window).height();
			var hFullpage = hDocument - hHeader;
			var pDots = hFullpage * 0.5
			$(".unslider-nav ol").css({
				"bottom" : pDots+"px",
				"margin-bottom" : "-50px",
			});
		}
		$('#beian').html(window.location.hostname ==='www.newclassroom.cn' ? '沪ICP备13021235号-4' : '沪ICP备13021235号-1');
	</script>
</body>
</html>
